<template>
	<div class="home">
		-----------------
		<p>我是已经持久化的vuex下的state里的skill ===>  {{$store.state.skill}}</p>
		<p>我是已经持久化的vuex下A模块下state的count ===> {{$store.state.moduleA.count}}</p>
		<p>我是已经持久化的vuex下B模块下state的ageB ===> {{$store.state.moduleB.ageB}}</p>
	
		<p>我是已经持久化的vuex下的所有模块的getters ====> {{$store.getters}}</p>
		<p>我是已经持久化的vuex下的A模块的getters ===> {{$store.getters['moduleA/FilterNoArg']}}</p>		
		<button @click="$store.commit('setAgeB')"> (模块B开启了命名空间隔离不会被调用setAgeB) ====点击执行仓库下所有setAgeB方法</button><br />
		<button @click="$store.commit('moduleB/setAgeB')">(使用moduleB前缀指定commit B模块的setAgeB方法)点击执行b仓库下setAgeB方法</button><br />
		<button @click="$store.dispatch('moduleA/getData')">(使用moduleA前缀指定dispatch A模块的getData方法)点击调用模块A中actions</button>
	</div>
</template>

<script>
	// @ is an alias to /src
	import HelloWorld from '@/components/HelloWorld.vue'
	import {
		mapState,
		mapMutations,
		mapGetters
	} from "vuex"
	export default {
		name: 'Home',
		components: {
			HelloWorld
		},
		computed: {

		},
		methods: {


		},
		created() {		
			this.axios.get('/interface').then(res => console.log(res))
		}

	}
</script>
